body {
  background-color: #fafafa;
  padding-bottom: 50px;
}

// 用户头像-----------------------------------------------
.center_header {
  height: 34.6667vw;
  background: url(../uploads/center_header.png);
  background-size: 100%;
  padding-left: 4vw;
  padding-right: 4vw;
  display: flex;
  align-items: center;

  a {
    display: flex;

    .center_user {
      width: 13.3333vw;
      height: 13.3333vw;
      background-image: url(../uploads/center_user.png);
      background-size: 100% 100%;
      border-radius: 50%;
      margin-right: 4vw;
    }

    .center_login {
      flex: 1;
      color: rgb(197, 154, 70);
      display: flex;
      flex-direction: column;
      justify-content: space-between;

      .center_login_top {
        font-size: 4.5333vw;
        font-weight: 700;
      }

      .center_login_bottom {
        font-size: 4vw;
      }
    }
  }
}

// 用户账户------------------------------------------------
.center_account {
  height: 23.3333vw;
  background-color: #fff;
  display: flex;
  padding: 5.3333vw 0;

  li {
    width: 25%;
    display: flex;
    justify-content: center;

    a {
      display: flex;
      flex-direction: column;
      justify-content: center;
      align-items: center;
      color: rgb(102, 102, 102);

      .center_account_num {
        font-size: 4.5333vw;
        color: red;
        margin-bottom: 2vw;
      }

      .center_account_txt {
        font-size: 3.7333vw;
      }

      .icon-wallet {
        font-size: 5.8667vw;
      }
    }
  }
}

// 用户订单页面------------------------------------------
.center_orders {
  margin: 2.6667vw 3vw;
  padding: 2.6667vw 0;
  height: 20.6667vw;
  display: flex;
  background-color: #fff;

  li {
    width: 25%;
    display: flex;
    justify-content: center;

    a {
      display: flex;
      flex-direction: column;
      justify-content: center;
      align-items: center;
      color: rgb(84, 84, 84);

      .iconfont {
        font-size: 5.8667vw;
      }

      p {
        font-size: 3.7333vw;
      }
    }

  }

}

// 用户服务页面-----------------------------------------
.center_service {
  height: 46vw;
  margin: 2.9333vw;
  padding: 2.9333vw 0;
  background-color: #fff;
  border-radius: 0.6667vw;
  display: flex;
  flex-direction: column;
  line-height: 1;

  h3 {
    padding-left: 3.2vw;
    margin-bottom: 2.6667vw;
    line-height: 1;
    font-size: 4vw;
    font-weight: 400;
    color: rgb(48, 49, 51);
  }

  .service {
    flex: 1;
    display: flex;
    flex-wrap: wrap;
    height: 100%;

    li {
      width: 25%;

      a {
        height: 100%;
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: space-evenly;

        span {
          font-size: 5.8667vw;
          color: rgb(255, 56, 0);
        }

        p {
          font-size: 3.7333vw;
          color: rgb(84, 84, 84);
        }
      }
    }
  }
}

// 退出功能界面 -----------------------------------------
.center_back {
  width: 60vw;
  height: 9.0667vw;
  box-sizing: border-box;
  margin: 0 auto 6.6667vw;
  border-radius: 2.6667vw;
  border: 1px solid rgb(220, 220, 220);
  text-align: center;
  line-height: 9.0667vw;
  font-size: 3.7333vw;
  display: none;
}